<template>
  <h6>当前鼠标点击的坐标为 x:..{{ point.x }}.. y:..{{ point.y }}...</h6>
</template>

<script lang="ts">
import { defineComponent } from "vue";
// 导入 hooks
import usePoint from "@/hooks/usePoint";
// 导入ref
// import { ref, computed } from "vue";
export default defineComponent({
  name: "App",
  // 组合式API入口

  setup() {
    // 定义参数
    let point = usePoint();

    // 返回值
    return {
      point,
    };
  },
  components: {},
});
</script>

<style></style>
